<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <title>西施E校通</title>
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>

<body>
    <div class="banner"></div>
    <div class="jumbotron">
        <center>
            <h3><span class="glyphicon glyphicon-star" aria-hidden="true"></span>西施E校通</h3>
        </center>
    </div>

    <!--电脑端页面-->
    <div class="container">

    </div>
    <!--手机端页面-->
    <div class="contener">
        <div class="row">
            <div class="icon_content_holder center_content text-center">
                <div class="icon_content_box">
                    <div class="visible-sm visible-xs visible-lg ">

                        <div class="navigation">
                            <div class="icon_class">
                                <div class="col-sm-4 col-xs-4 col-md-3">
                                    <a href="http://szhq.cwnu.edu.cn/rsp/weixin/wx_repairHome">
                                        <div class="icon_photo "><img src="img/repair.png" class="img-responsive center-block">
                                        </div>
                                        <span>报修平台</span>
                                    </a>
                                </div>
                            </div>
                            <div class="icon_class">
                                <a href="http://210.41.193.66/">
                                    <div class="col-sm-4 col-xs-4  col-md-3">
                                        <div class="icon_photo "><img src="img/finance.png" class="img-responsive center-block">
                                        </div>
                                        <span>计财处缴费</span>
                                    </div>
                                </a>
                            </div>
                            <div class="icon_class">
                                <a href="http://210.41.203.100:8080/opac/login?referer=/opac/mylibrary&tag=index">
                                    <div class="col-sm-4 col-xs-4  col-md-3">
                                        <div class="icon_photo ">
                                            <img src="img/library.png" class="img-responsive center-block">
                                        </div>
                                        <span>图书馆查询</span>
                                    </div>
                                </a>
                            </div>
                            <div class="icon_class">
                                <a href="http://ecard.cwnu.edu.cn/index.jsp">
                                    <div class="col-sm-4 col-xs-4 col-md-3">
                                        <div class="icon_photo"><img src="img/loss.png" class="img-responsive center-block">
                                        </div>
                                        <span>饭卡挂失</span>
                                    </div>
                                </a>
                            </div>
                            <div class="icon_class">
                                <a href="http://218.6.128.130/">
                                    <div class="col-sm-4 col-xs-4  col-md-3">
                                        <div class="icon_photo"><img src="img/score.png" class="img-responsive center-block">
                                        </div>
                                        <span>成绩查询</span>
                                    </div>
                                </a>
                            </div>
                            <div class="icon_class">
                                <a href="http://baidu.com">
                                    <div class="col-sm-4 col-xs-4 col-md-3">
                                        <div class="icon_photo"><img src="img/other.png" class="img-responsive center-block">
                                        </div>
                                        <span>其他</span>
                                    </div>
                                </a>
                            </div>

                        

                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <br>
    <br>
    </div>
    <div class="container">
        <div class="alert alert-success" role="alert">
            <div class="center">

                <center>
                    <div>
                        <h4>网络报修：</h4>
                        <p>账号：学号<br>初始密码：123456</p>
                    </div>
                </center>
                <br>
                <center>
                    <div>
                        <h4>计财处缴费：</h4>
                        <p>账号：学号<br>初始密码：身份证后6位</p>
                    </div>
                </center>
                <br>
                <center>
                    <div>
                        <h4>图书馆查询：</h4>
                        <p>账号：借阅证号码<br>初始密码：条形码数字</p>
                    </div>
                </center>
                <br>
                <center>
                    <div>
                        <h4>饭卡挂失：</h4>
                        <p>账号：身份证号码<br>初始密码：123456</p>
                    </div>
                    <div>
                </center>
                <br>
                <center>
                    <h4>成绩查询：</h4>
                    <p>账号：学号<br>初始密码：123456</p>
                    </div>
                </center>
                <br>
                <center>
                    <div>
                    </div>
                </center>
                <br>
              
            </div>

        </div>
        <div class="code">
            <center>
                 <pre>
  综合服务平台介绍：程序员小哥哥还在加班完善中。
                </pre>
        </center>
        </div>
    </div>
    </div>
</body>
<script src="js/bootstrap.min.js"></script>

</html>